<style type="text/css">
    .bjui-pageHeader{
        font-size: 18px;
        font-weight: bold;
    }
    .form{
        padding: 15px;
    }
    .form dl {
        overflow: hidden;
        padding-top: 15px;
    }

    .form dt {
        color: #666;
        float: left;
        font-size: 14px;
        padding: 3px 0 0;
        width: 11%;
    }
    .form dd {
        float: left;
        line-height: 22px;
    }
    dd.desc {
        height: 30px;
        padding: 0 10px;
        width: 150px;
    }
</style>
<div class="bjui-pageContent">
    <form action="{:U('Wechatauth/addMenu')}" method="post" data-toggle="validate">
        <table class="table table-bordered table-hover table-striped table-top">
            <tr>
                <td>名称：</td>
                <td>
                    <input type="text" name="title" value="{$menu.title}" id="title" class="title" data-rule="required" data-tip="请填写名称" data-ok="OK"></td>
            </tr>
            
            <if condition="$action eq 'edit'">

                <tr>
                    <td>一级菜单：</td>
                    <td>
                        <select name="pid" id="pid">
                            <if condition="$menu['pid'] eq 0">
                                <option value="0">一级菜单</option>
                                <else/>
                                <foreach name='menus' item='m'>
                                    <option value="{$m.id}" <if condition="$menu['pid'] eq $m['id']">selected="selected"</if>
                                    >{$m.title}
                                </option>
                            </foreach>
                        </if>
                    </select>
                </td>
            </tr>

        </if>

        <script type="text/javascript">
        $(function(){
            $('#type').change(function(){
                var type=$(this).children('option:selected').val();
                switch(type){
                    case '0':
                    $('#type_label').text('链接：');
                    $('#url').attr('data-tip','请填写链接');
                    $('#label_tips').text('链接类型 即点击跳转访问网址 http:// 开头');
                    break;
                    case '1':
                    $('#type_label').text('关键词：');
                    $('#url').attr('data-tip','请填写关键字');
                    $('#label_tips').text('点击类型 即点击返回1条文字信息里面设置的关键字');
                    break;
                    case '2':
                    $('#type_label').text('栏目：');
                    $('#url').attr('data-tip','请填写栏目ID');
                    $('#label_tips').text('绑定栏目 即点击返回绑定栏目(栏目ID)最新8条图文信息');
                    break;
                }
            });
        })
        </script>
        <tr>
                <td>类型：</td>
                <td>
                    <select name="type" id="type"   data-toggle="selectpicker" data-width="100">
                        <option value="0" <if condition="$menu['type'] eq 0">selected="selected"</if>>链接类型</option>
                        <option value="1" <if condition="$menu['type'] eq 1">selected="selected"</if>>点击类型</option>
                        <option value="2" <if condition="$menu['type'] eq 2">selected="selected"</if>>绑定栏目</option>
                    </select>
                    <span id="label_tips" style="color:red">
                    <if condition="$menu['type'] eq 0">链接类型 即点击跳转访问网址 http:// 开头</if>
                    <if condition="$menu['type'] eq 1">点击类型 即点击返回1条文字信息里面设置的关键字</if>
                    <if condition="$menu['type'] eq 2">绑定栏目 即点击返回绑定栏目(栏目ID)最新8条图文信息</if>
                    </span>
                </td>
            </tr>

        <tr>
            <td id="type_label">链接：</td>
            <td>
                <input type="text" name="url" value="{$menu.url}" id="url" style="width:300px;" data-rule="required" data-tip="请填写链接" data-ok="OK"></td>
        </tr>
        <tr>
            <td>排序：</td>
            <td>
                <input type="text" name="sort" value="{$menu.sort}" id="sort" data-rule="required;digits" data-tip="请填写排序" data-ok="OK"></td>
        </tr>

        <input type="hidden" name="id" value="{$menu.id}" id="id">
        <if condition="$action eq 'addchild'">
            <input type="hidden" name="pid" value="{$pid}" id="pid"></if>

        <input type="hidden" name="action" value="{$action}" id="action"></table>

</form>
</div>
<div class="bjui-pageFooter">
<ul>
    <li>
        <button type="button" class="btn-close" data-icon="close">关闭</button>
    </li>
    <li>
        <button data-icon="save" class="btn btn-default" type="submit">保存</button>
    </li>
</ul>
</div>